<template>
  <li :class="classes" @click="handleClick">
    <slot></slot>
  </li>
</template>
<script>
  export default {
    name: 't-dropdown-item',
    props: {
      name: {
        type: [String, Number],
      },
      disabled: {
        type: Boolean,
        default: false,
      },
    },
    computed: {
      classes() {
        return ['t-dropdown-item', { 't-dropdown-item--disabled': this.disabled }];
      },
    },
    methods: {
      handleClick() {
      },
    },
  };
</script>